<include file="Public:head" />
<style type="text/css">
  form .tip{
    font-size:14px;
    color:#666;
  }
</style>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/account.css" media="all">
<include file="Public:body_header" />
<div class="col-main">
  <div class="main-wrap article">
<div class = "title">
	<h2>注册</h2>
</div>

<div id = "registerreg" class = "undertitle" style="clear:both;">
<form action="__ACTION__" method="post">
<ul>
  <li class="item">
    <label for="username">* 用户名</label>
    <input type="text" name="username" value="" id="" class = "reginput"/><br/>
  </li>
  <li class="item">
    <label for="password">* 密码</label>
    <input type="password" name="password" value="" id=""class = "reginput"/><br/>
  </li>
  <li class="item">
    <label for="repassword">* 再次输入密码</label>
    <input type="password" name="repassword" value="" id=""class = "reginput"/><br/>
  </li>
  <li class="item">
    <label for="email">* 邮箱</label>
    <input type="text" name="email" value="" id=""class = "reginput"/><br/>
  </li>
  <li class="item">
    <label for="role">* 注册作为</label>
    <select name="role" id="role">
      <option id="role_user" value="{:UserModel::C('ROLE_USER_BASIC')}">个人</option>
      <option id="role_group" value="{:UserModel::C('ROLE_GROUP')}">社团</option>
    </select>
    <lieral>
    <script type="text/javascript">
      $(document).ready(function(){
        $('#role').change(function(e){
          var id= $(this).children('option:selected').attr('id');
          switch(id){
          case "role_group":{
            $('li.user_info').hide();
            $('li.group_info').show();
            break;
          }
          case "role_user":
          default:{
            $('li.group_info').hide();
            $('li.user_info').show();
            break;
          }
          }
        });
      });
    </script>
    </lieral>
  </li>
  <li class="item user_info" style="display:list-item;">
    <label for="cardid">学号</label>
    <input type="text" name="cardid" value="" id=""class = "reginput"/>
    <span class="tip">为方便参与活动时的信息统计，请填入学号。</span>
  </li>
  <li class="item group_info" style="display:none;">
    <label for="msg">* 申请说明</label>
    <textarea name="msg" id=""  cols="50" rows="10"></textarea>
    <span class="tip">Notice需要对您所在社团的真实性作出确认，请填写说明并耐心等待审核。</span>
  </li>
</ul>
  <input type="submit" name="submit" class="input btn" value="注册"/>
</form>
</div>
</div>
</div>
<include file="Public:foot" />